﻿<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title></title>
<!-- responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- master stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive stylesheet -->
<link rel="stylesheet" href="css/bootstrap-margin-padding.css">
<link rel="stylesheet" href="css/responsive.css">
</head>

<body>
<!-- Preloader -->
<div class="preloader"></div>
<section class="top-bar">
	<div class="container">
		<div class="left-text pull-left">
			<p><span>Opening Hours :</span> Monday to Saturday - 8am to 5pm</p>
		</div>
		<!-- /.left-text -->
		<div class="social-icons pull-right">
			<ul>
				<li><a href="#"><i class="fa fa-facebook"></i></a></li>
				<li><a href="#"><i class="fa fa-twitter"></i></a></li>
				<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
				<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
				<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
			</ul>
		</div>
		<!-- /.social-icons -->
	</div>
</section>
<!-- /.top-bar -->
<header class="header">
	<div class="container">
		<div class="logo pull-left">
			<a href="index.html">
				<img src="img/resources/logo.png" alt="Awesome Image" />
			</a>
		</div>
		<div class="header-right-info pull-right clearfix">
			<div class="single-header-info">
				<div class="icon-box">
					<div class="inner-box">
						<i class="flaticon-interface"></i>
					</div>
				</div>
				<div class="content">
					<h3>EMAIL</h3>
					<p>companyname@mail.com</p>
				</div>
			</div>
			<div class="single-header-info">
				<div class="icon-box">
					<div class="inner-box">
						<i class="flaticon-phone-call"></i>
					</div>
				</div>
				<div class="content">
					<h3>Call Now</h3>
					<p><b>(732) 803-010-03</b></p>
				</div>
			</div>
			<div class="single-header-info">
				<a href="#" class="thm-btn">Appointment</a>
			</div>
		</div>
	</div>
</header>
<!-- /.header -->
<nav class="mainmenu-area stricky">
	<div class="container">
		<div class="navigation pull-left">
			<div class="nav-header">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="service.html">Service</a></li>
					<li><a href="service-details.html">Service Details</a></li>
					<li><a href="contact.html">Contact Us</a></li>
				</ul>
			</div>
			<div class="nav-footer">
				<button><i class="fa fa-bars"></i></button>
			</div>
		</div>
		<div class="search-box pull-right">
			<form action="#">
				<input type="text" placeholder="Search...">
				<button type="submit"><i class="fa fa-search"></i></button>
			</form>
		</div>
	</div>
</nav>
<!-- /.mainmenu-area -->
<section class="inner-header">
	<div class="container">
		<div class="row">
			<div class="col-md-12 sec-title colored text-center">
				<h2>Service Details</h2>
				<ul class="breadcumb">
					<li><a href="index.html">Home</a></li>
					<li><i class="fa fa-angle-right"></i></li>
					<li><span>Service Details</span></li>
				</ul>
				<span class="decor"><span class="inner"></span></span>
			</div>
		</div>
	</div>
</section>
<section id="single_Service" class="sec-padding">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3">
				<div class="service_sideber">
					<div class="question_Box">
						<h2>Any Question ? Contact us</h2>
						<hr />
						<div class="qustion_list">
							<ul>
								<li><i class="flaticon-telephone5"></i><a href="">+082 01723801729</a></li>
								<li><i class="flaticon-email147"></i><a href="">companymail@gmail.com</a></li>
							</ul>
						</div>
					</div>
					<div class="appointment-content appointment_side_form ">
						<h2>Make An Appoinment</h2>
						<form action="inc/sendemail.php" class="side_form contact-form" id="appointment-side-form">
							<input class="" type="text" placeholder="Full name" name="name" />
							<input type="text" placeholder="Email" name="email" />
							<input type="text" class="date-picker" name="date" placeholder="Select Date">
							<div class="select-input-wrapper">
								<select class="select-input" name="category">
									<option value="" selected="selected">Select Category</option>
									<option value="Excellent Services">Excellent Services</option>
									<option value="Landscape Design">Landscape Design</option>
									<option value="Rubbish Removal">Rubbish Removal</option>
									<option value="Garden Care">Garden Care</option>
									<option value="Other">Other</option>
								</select>
							</div>
							<button type="submit" class="btn-info appoin_button">BOOK NOW</button>
						</form>
					</div>
				</div>
			</div>
			<div class="col-lg-9 col-md-9">
				<div class="">
					<div class="service_mainconetent" id="invisalign">
						<div class="about_promo_box">
							<h2>Here will be the service name</h2>
							<h4>We are The Most Successfull in Garden Care Service and We Recover More Than 1000+ project.</h4>
							<div class="row">
								<div class="col-lg-5 col-md-5">
									<div class="pormo_box_img">
										<img src="img/resources/service-details-2.jpg" alt="" />
									</div>
								</div>
								<div class="col-lg-7 col-md-7">
									<div class="col-lg-12 col-md-12">
										<div class="pormo_box_details">
											<p>Contrary to popular belief, Lorem Ipsum is not simply random text. has roots in a piece of classical Latin literature from 45 BC making over 2000 years old. Richard McClintock, </p>
											<div class="box_list">
												<ul>
													<li><i class="fa fa-angle-right"></i><a href="">Low cost and best service</a></li>
													<li><i class="fa fa-angle-right"></i><a href="">Modearn Technology</a></li>
													<li><i class="fa fa-angle-right"></i><a href="">Proffesional Gardener</a></li>
													<li><i class="fa fa-angle-right"></i><a href="">All Parts Available</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12 col-md-12">
									<div class="service_table">
										<table class="table">
											<thead class="thead-inverse">
												<tr>
													<th>Details</th>
													<th>Service</th>
													<th>Price</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td><i class="fa fa-angle-right"></i> Lorem ipsum dolor sit amet</td>
													<td>Inspection</td>
													<td>$150 - $250</td>
												</tr>
												<tr>
													<td><i class="fa fa-angle-right"></i> Lorem ipsum dolor sit amet</td>
													<td>Inspection</td>
													<td>$150 - $250</td>
												</tr>
												<tr>
													<td><i class="fa fa-angle-right"></i> Lorem ipsum dolor sit amet</td>
													<td>Inspection</td>
													<td>$150 - $250</td>
												</tr>
												<tr>
													<td><i class="fa fa-angle-right"></i> Lorem ipsum dolor sit amet</td>
													<td>Inspection</td>
													<td>$150 - $250</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="sponsors-section" data-bg-color="#6aaf08">
	<div class="container">
		<ul class="slider">
			<li>
				<a href="#"><img src="img/clients/brand-1.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-2.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-3.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-4.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-5.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-1.png" alt="" title=""></a>
			</li>
		</ul>
	</div>
</section>
<footer class="footer bg-style">
	<div class="footer-upper">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="footer-widget about-widget">
						<a href="#">
							<img src="img/resources/footer-logo.png" alt="Awesome Image" />
						</a>
						<p>Lorem ipsum dolor sit amet, eu me evert laboramus, iudico </p>
						<ul class="contact">
							<li><i class="fa fa-map-marker"></i> <span>60 Grant Ave. Carteret NJ 0708</span></li>
							<li><i class="fa fa-phone"></i> <span>(880) 1723801729</span></li>
							<li><i class="fa fa-envelope-o"></i> <span>example@gmail.com</span></li>
						</ul>
						<ul class="social">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
							<li><a href="#"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-2 col-sm-6">
					<div class="footer-widget quick-links">
						<h3 class="title">Services</h3>
						<ul>
							<li><a href="service-details.html">Lawn Renovation</a></li>
							<li><a href="service-details.html">Lawn Maintenance</a></li>
							<li><a href="service-details.html">Landscape Lighting</a></li>
							<li><a href="service-details.html">Seasonal Clean-ups</a></li>
							<li><a href="service-details.html">Flowerscaping</a></li>
							<li><a href="service-details.html">Tree & Shrub Care</a></li>
							<li><a href="service-details.html">Natural Stone Walks</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 latest-post col-sm-6">
					<div class="footer-widget latest-post news-post">
						<h3 class="title">Latest News</h3>
						<ul>
							<li>
								<span class="border"><img src="img/blog/s1.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
							<li>
								<span class="border"><img src="img/blog/s2.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
							<li>
								<span class="border"><img src="img/blog/s3.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="footer-widget contact-widget">
						<h3 class="title">Contact Form</h3>
						<form action="inc/sendemail.php" class="contact-form" id="footer-cf">
							<input type="text" name="name" placeholder="Full Name">
							<input type="text" name="email" placeholder="Email Address">
							<textarea name="message" placeholder="Your Message"></textarea>
							<button type="submit">Send</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container text-center">
			<p>Copyright &copy; 2017.Company name All rights reserved.</p>
		</div>
	</div>
</footer>
<!-- main jQuery -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- bx slider -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- appear js -->
<script src="js/jquery.appear.js"></script>
<!-- count to -->
<script src="js/jquery.countTo.js"></script>
<!-- owl carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- validate -->
<script src="js/validate.js"></script>
<!-- mixit up -->
<script src="js/jquery.mixitup.min.js"></script>
<!-- fancybox -->
<script src="js/jquery.fancybox.pack.js"></script>
<!-- easing -->
<script src="js/jquery.easing.min.js"></script>
<!-- isotope script -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- jQuery ui js -->
<script src="js/jquery-ui-1.11.4/jquery-ui.js"></script>
<!-- thm custom script -->
<script src="js/custom.js"></script>
</body>

</html>